<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
       <title>无标题文档</title>
       <style type="text/css">
          *{margin:0;padding:0;}
           .layer1{width:100%; height:100px; text-align:center;}
               .layer1-1{width:40%; height:100px;  background:white;color:black;text-align:center;line-height:100px;float:left;}
               .layer1-2{width:60%; height:100px;  color:white;text-align:center;line-height:50px;float:left;}
               .layer1-3{clear:both;}
           .layer2{width:100%; height:500px; text-align:center;}
               .layer2-1{width:100%; height:200px; background:Aqua;color:black;text-align:center;}
               .layer2-2{width:100%; height:300px; background:LightBlue;color:black;text-align:center;}
               .divn{width:31%; height:250px; padding:0; margin:5px; background:LightBlue; float:left; font-size:14pt; text-align:center; line-height:40px;border-style: solid;border-width:medium;border-color:Blue;
}
               p.one{background-color:blue}
           .layer3{width:100%; height:100px;  background:blue;color:white;text-align:center;line-height:100px;}
        .layer1-2 {    
	width:60%;
	height:100px;
	background-color:#1136c1;
	font-weight:bold;
	font-size:1em;
	text-align:center; /* 这个属性使盒子中的链接居中 */
	margin:0;
	padding:0;

	
}
        .layer1-2 a{
	width:16%;
	float:left;
	height:90px;
	line-height:80px;
	color:#FFFFFF;
	background-color:#1136c1;
	padding:5px 5px 5px 0.5em;
	text-decoration:none;
	border-left:12px solid #151571;		/* 左边的粗边 */
}           
       </style>
    </head>
    <body>            
       <div class="layer1">
            <div class="layer1-1"><h3>山东商业职业技术学院</h3></div>
            <div class="layer1-2"><a href="http://www.sict.edu.cn/sict/sict.htm" target="_blank" href="#">学校概况</a> 
                                  <a href="http://kyxx.sict.edu.cn/" target="_blank" href=".">机构设置</a> 
                                  <a href="http://jyjxb.sict.edu.cn/" target="_blank" href=".">教育教学</a> 
                                  <a href="http://jy.sict.edu.cn:8081/default.html" target="_blank" href=".">就业创业</a> 
                                  <a href="http://gczx.sict.edu.cn/" target="_blank" href=".">科技服务</a>
                                  
            </div>
            <div class="layer1-3"></div>
       </div>
       <div class="layer2">
            <div class="layer2-1">学校图片</div>
            <div class="layer2-2">
                 <div class="divn">
                 <p class="one">学校要闻</p><p>新闻1</p><p>新闻1</p><p>新闻1</p>
                 </div>
                 <div class="divn">
                 <p class="one">通知公告</p><p>新闻1</p><p>新闻1</p><p>新闻1</p>
                 </div>
                 <div class="divn">
                 <p class="one">媒体报道</p><p>新闻1</p><p>新闻1</p><p>新闻1</p>
                 </div> 
            </div>
       </div>    
       <div class="layer3">服务导航
       <a href="http://www.xdf.cn/" target="_blank">教育网站：新东方http://www.xdf.cn/</a>
    </div>
    </body>
 </html>